﻿@media screen and (max-width: 797px) {
	.xky_width_wap {
		width: 94%;
	}

	.xky_height_center_wap {
		margin: auto 3%;
	}

	/*	导航样式内容   开始 */
	/*	导航样式内容   开始 */
	/*	导航样式内容   开始 */
	.xky000003_nav {
		display: none;
	}

	/*	导航样式内容   结束 */
	/*	导航样式内容   结束 */
	/*	导航样式内容   结束 */

	/*	手机导航样式内容   开始 */
	/*	手机导航样式内容   开始 */
	/*	手机导航样式内容   开始 */
	.xky000003_mobilenav {
		width: 100%;
		height: 70px;
		position: fixed;
		top: 0;
		left: 0;
		float: left;
		z-index: 100;
	}

	.xky000003_mobilenav_desk {
		width: 100%;
		float: left;
	}

	.xky000003_mobilenav_box {
		position: relative;
		width: 100%;
		height: 70px;
		float: left;
	}

	.xky000003_mobilenav_box input {
		display: none;
	}

	.xky000003_mobilenav_box_left {
		position: absolute;
		top: calc(50% - 25px);
		float: left;
		width: 40%;
		height: 50px;
	}

	.kj-logo {
		float: left;
		margin-left: 25px;
	}

	.xky000003_mobilenav_box label {
		position: absolute;
		top: calc(50% - 20px);
		right: 25px;
		width: 40px;
		height: 40px;
		border-radius: 6px;
		cursor: pointer;
		transition: all 0.5s ease-out;
	}

	.xky000003_mobilenav_box label::before,
	.xky000003_mobilenav_box label::after {
		content: "";
		position: absolute;
		left: 5px;
		width: 30px;
		height: 3px;
		background-color: #fff;
		transition: transform 0.3s ease-out, top 0.3s ease-out 0.3s;
	}

	.xky000003_mobilenav_box label::before {
		top: calc(50% - 8px);
	}

	.xky000003_mobilenav_box label::after {
		top: calc(50% + 6px);
	}

	.xky000003_mobilenav_box input:checked + label::before {
		top: calc(50% - 2px);
		transform: rotate(-45deg);
		transition: top 0.3s ease-out, transform 0.3s ease-out 0.3s;
	}

	.xky000003_mobilenav_box input:checked + label::after {
		top: calc(50% - 2px);
		transform: rotate(45deg);
		transition: top 0.3s ease-out, transform 0.3s ease-out 0.3s;
	}


	.xky000003_mobilenav_box_right_frame1 {
		position: relative;
		top: 100px;
		width: 100%;
		float: left;
		opacity: 0;
		transform: scaleY(0);
		transform-origin: 50% 0;
		transition: all 0.5s ease-out;
	}

	.xky000003_mobilenav_box_right_frame1_floor1_box1 {
		position: relative;
		top: 0;
		width: 100%;
		opacity: 0;
		transform: scaleY(0);
		transform-origin: 50% 0;
		transition: all 0.5s ease-out;
	}

	.xky000003_mobilenav_box_right_frame1_floor1_box1_frame1 {
		position: relative;
		top: 0;
		width: 100%;
		float: left;
		opacity: 0;
		transform: scaleY(0);
		transform-origin: 50% 0;
		transition: all 0.5s ease-out;
	}

	.xky000003_mobilenav_box_right_frame1_floor1 {
		list-style: none;
		width: 100%;
		float: left;
		height: 66px;
	}

	.xky000003_mobilenav_box_right_frame1_floor1_box1_floor1 {
		list-style: none;
		width: 100%;
		height: 66px;
		float: left;
	}

	.xky000003_mobilenav_box_right_frame1_floor1_box1_frame1_floor1 {
		list-style: none;
		width: 100%;
		height: 66px;
		float: left;
	}

	.xky000003_mobilenav_box_right_frame1_floor1_a {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 66px;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
		transition: all 0.3s ease-out;
	}

	.xky000003_mobilenav_box_right_frame1_floor1_box1_floor1_a {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 66px;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
		transition: all 0.3s ease-out;
	}

	.xky000003_mobilenav_box_right_frame1_floor1_box1_frame1_floor1_a {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 66px;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
		transition: all 0.3s ease-out;
	}

	.xky000003_mobilenav_box input:checked ~ .xky000003_mobilenav_box_right_frame1 {
		opacity: 1;
		transform: scaleY(1);
	}

	.xky000003_mobilenav_box_right_frame1_floor1:hover .xky000003_mobilenav_box_right_frame1_floor1_box1 {
		opacity: 1;
		transform: scaleY(1);
	}

	.xky000003_mobilenav_box_right_frame1_floor1_box1_floor1:hover .xky000003_mobilenav_box_right_frame1_floor1_box1_frame1 {
		opacity: 1;
		transform: scaleY(1);
	}

	.xky000003_mobilenav_box_right_frame1_floor1_a:hover {
		box-shadow: 0 0 0 #fff, 0 15px 20px #c6d9ed inset;
	}

	.xky000003_mobilenav_box_right_frame1_floor1_box1_floor1_a:hover {
		box-shadow: 0 0 0 #fff, 0 15px 20px #c6d9ed inset;
	}

	.xky000003_mobilenav_box_right_frame1_floor1_box1_frame1_floor1_a:hover {
		box-shadow: 0 0 0 #fff, 0 15px 20px #c6d9ed inset;
	}

	.xky000003_mobilenav .xky000003_mobilenav_box_right_frame1_floor1:hover {
		height: 300%;
	}

	.xky000003_mobilenav .xky000003_mobilenav_box_right_frame1_floor1_box1_floor1:hover {
		height: 300%;
	}

	/*	手机导航样式内容   结束 */
	/*	手机导航样式内容   结束 */
	/*	手机导航样式内容   结束 */

	/*	轮播图样式内容  开始 */
	/*	轮播图样式内容  开始 */
	/*	轮播图样式内容  开始 */
	.xky000003_banner {
		display: none;
	}

	/*	轮播图样式内容  结束 */
	/*	轮播图样式内容  结束 */
	/*	轮播图样式内容  结束 */

	/* 手机端轮播图样式 开始 */
	/* 手机端轮播图样式 开始 */
	/* 手机端轮播图样式 开始 */
	.xky000003_banner_mobile {
		width: 100%;
		float: left;
		margin-top: 100px;
		display: block;
	}

	.xky000003_banner_mobile .xky000003_banner_box_mobile {
		width: 100%;
		position: relative;
		overflow: hidden;
		/* Prevent overflow issues */
	}

	.xky000003_banner_box_frame1_mobile {
		display: flex;
		height: 100%;
		transition: transform 0.5s ease-in-out;
	}

	.xky000003_banner_mobile .mobile-item {
		min-width: 100%;
		height: 100%;
		opacity: 1;
		list-style-type: none;
		transition: opacity 1s;
	}

	.xky000003_banner_mobile img {
		width: 100%;
		height: auto;
	}

	.xky000003_banner_mobile #mobile-circle {
		height: 20px;
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: 15px;
		left: 50%;
		transform: translateX(-50%);
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.xky000003_banner_mobile .circle {
		width: 8px;
		height: 8px;
		border-radius: 8px;
		border: 2px solid white;
		list-style: none;
		background: rgba(0, 0, 0, 0.4);
		cursor: pointer;
		margin: 5px;
	}

	.xky000003_banner_mobile .white {
		background-color: #FFFFFF;
	}

	/* 手机端轮播图样式 结束 */
	/* 手机端轮播图样式 结束 */
	/* 手机端轮播图样式 结束 */



	/*	大标题样式  开始 */
	/*	大标题样式  开始 */
	/*	大标题样式  开始 */
	.xky000003_index_title1 {
		text-align: center;
	}

	.xky000003_index_title1 h3 {
		margin-bottom: -20px;
	}

	.xky000003_index_title2 {
		text-align: left;
	}

	.xky000003_index_title2 h3 {
		margin-bottom: -20px;
	}

	.xky000003_index_title3 {
		text-align: right;
	}

	.xky000003_index_title2 h3 {
		margin-bottom: -20px;
	}

	.xky000003_title1 {
		text-align: center;
	}

	/*	大标题样式  结束 */
	/*	大标题样式  结束 */
	/*	大标题样式  结束 */

	/*	每页标题   开始 */
	/*	每页标题   开始 */
	/*	每页标题   开始 */

	.xky000003_title {
		display: inline-block;
		margin-top: 60px;
	}

	/*	每页标题   结束 */
	/*	每页标题   结束 */
	/*	每页标题   结束 */


	/*	tree样式内容   开始 */
	/*	tree样式内容   开始 */
	/*	tree样式内容   开始 */
	.xky000003_tree {
		margin-top: 20px;
		display: inline-block;
	}

	.xky000003_tree_classify {
		text-align: right;
	}

	.xky000003_tree_classify_box {
		text-decoration: none;
		font-size: 14px;
	}

	/*	tree样式内容   结束 */
	/*	tree样式内容   结束 */
	/*	tree样式内容   结束 */


	/*	页码翻页样式内容   开始 */
	/*	页码翻页样式内容   开始 */
	/*	页码翻页样式内容   开始 */
	.xky000003_pager {
		margin-top: 50px
	}

	.xky000003_pager_box {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.xky000003_pager_pagination a,
	.xky000003_pager_pagination i {
		display: inline-block;
		min-width: 32px;
		height: 32px;
		text-align: center;
		line-height: 32px;
		border-radius: 4px;
		margin: 0 3px;
	}

	/* 页码 */
	.xky000003_pager_pagination_a {
		border: 1px solid;
		font-size: 13px;
	}

	/* 当前页码 */
	.xky000003_pager_pagination_current {
		font-weight: bold;
	}

	/* 省略号 */
	.xky000003_pager_pagination i {
		font-size: 18px;
	}

	/*	页码翻页样式内容   结束 */
	/*	页码翻页样式内容   结束 */
	/*	页码翻页样式内容   结束 */



	/*	前后翻页样式内容   开始 */
	/*	前后翻页样式内容   开始 */
	/*	前后翻页样式内容   开始 */
	.xky000003_fanye {
		width: 100%;
		height: 30px;
		float: left;
	}

	.xky000003_anliu1 {
		width: 50%;
		height: 30px;
		line-height: 30px;
		float: left;
	}

	.xky000003_anliu2 {
		width: 50%;
		height: 30px;
		line-height: 30px;
		float: right;
	}

	.xky000003_anliu1 .anliu_img {
		width: 30px;
		height: 30px;
		float: left;
	}

	.xky000003_anliu1 .anliu_img img {
		width: 100%;
	}

	.xky000003_anliu1 a {
		float: left;
		display: block;
		width: 70%;
		text-align: left;
		text-decoration: none;
	}

	.xky000003_anliu2 .anliu_img {
		width: 30px;
		height: 30px;
		float: right;
	}

	.xky000003_anliu2 .anliu_img img {
		width: 100%;
	}

	.xky000003_anliu2 a {
		float: right;
		display: block;
		width: 70%;
		text-align: right;
		text-decoration: none;
	}

	/*	前后翻页样式内容   结束 */
	/*	前后翻页样式内容   结束 */
	/*	前后翻页样式内容   结束 */




	/*	首页服务介绍样式内容  开始 */
	/*	首页服务介绍样式内容  开始 */
	/*	首页服务介绍样式内容  开始 */
	.xky000003_index_servuce {
		display: inline-block;
		margin: 50px auto;
	}

	.xky000003_index_80desk {
		display: inline-block;
	}

	.xky000003_index_80desk a {
		text-decoration: none;
	}

	.xky000003_index_80desk_service_box {
		width: 97%%;
		margin: 40px 1.5% 0px 1.5%;
		float: left;
	}

	.xky000003_index_service_box_img {
		margin: 20px 25%;
	}

	.xky000003_index_80desk_service_box_title {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}


	.xky000003_index_80desk_service_box p {
		margin: 20px auto;
		line-height: 1.7;
		font-size: 14px;
		letter-spacing: 1px;
	}

	/*	首页服务介绍样式内容  结束 */
	/*	首页服务介绍样式内容  结束 */
	/*	首页服务介绍样式内容  结束 */



	/*	首页产品展示样式内容  开始 */
	/*	首页产品展示样式内容  开始 */
	/*	首页产品展示样式内容  开始 */

	.xky000003_index_product {
		display: inline-block;
		margin: 50px auto;
	}

	.xky000003_index_product_classify {
		height: 30px;
		padding-top: 20px;
		text-align: center;
	}

	.xky000003_index_product_classify_box {
		text-decoration: none;
		font-size: 16px;
	}

	.xky000003_index_80desk_product_box {
		width: 47%;
		margin: 20px 1% 0px 1.5%;
		float: left;
		text-decoration: none;
	}

	.xky000003_index_product_box_img {
		margin-bottom: 15px;
	}

	.xky000003_index_product_box_img img {
		width: 100%;
	}

	.xky000003_index_80desk_product_box_title {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}


	.xky000003_index_80desk_product_box p {
		margin: 20px auto;
		line-height: 1.7;
		font-size: 14px;
		letter-spacing: 1px;
	}


	/*	首页产品展示样式内容  结束 */
	/*	首页产品展示样式内容  结束 */
	/*	首页产品展示样式内容  结束 */


	/*	首页企业介绍样式内容  开始 */
	/*	首页企业介绍样式内容  开始 */
	/*	首页企业介绍样式内容  开始 */

	.xky000003_index_about {
		display: inline-block;
		background-image: url(../img/indexbj1.jfif);
		background-position: 100% 50%;
		background-size: cover;
		padding: 50px 0px;
	}

	.xky000003_index_about_left {
		float: left;
		width: 100%;
		margin-right: 10%;
	}

	.xky000003_index_about_left img {
		width: 100%;
	}

	.xky000003_index_about_right {
		float: left;
		width: 100%;
	}

	.xky000003_index_about_right_content {
		margin-top: 30px;
		line-height: 2;
		font-size: 14px;
	}

	.xky000003_index_about_right_databox {
		margin: 50px auto;
	}

	.xky000003_index_about_right_data {
		float: left;
		width: 30%;
		margin-right: 3%;
	}

	.xky000003_index_about_right_data h2 {
		text-align: center;
	}

	.xky000003_index_about_right_data p {
		text-align: center;
		letter-spacing: 2px;
	}

	/*	首页企业介绍样式内容  结束 */
	/*	首页企业介绍样式内容  结束 */
	/*	首页企业介绍样式内容  结束 */



	/*	首页案例展示样式内容  开始 */
	/*	首页案例展示样式内容  开始 */
	/*	首页案例展示样式内容  开始 */

	.xky000003_index_case {
		display: inline-block;
		margin: 50px auto;
	}

	.xky000003_index_case_classify {
		height: 30px;
		padding-top: 20px;
		text-align: center;
	}

	.xky000003_index_case_classify_box {
		text-decoration: none;
		font-size: 16px;
	}

	.xky000003_index_80desk_case_box {
		width: 47%;
		margin: 20px 1% 0px 1.5%;
		float: left;
	}

	.xky000003_index_case_box_img {
		margin-bottom: 15px;
	}

	.xky000003_index_case_box_img img {
		width: 100%;
	}

	.xky000003_index_80desk_case_box_title {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}


	.xky000003_index_80desk_case_box p {
		margin: 20px auto;
		line-height: 1.7;
		font-size: 14px;
		letter-spacing: 1px;
	}



	/*	首页案例展示样式内容  结束 */
	/*	首页案例展示样式内容  结束 */
	/*	首页案例展示样式内容  结束 */


	/*	首页新闻资讯样式内容  开始 */
	/*	首页新闻资讯样式内容  开始 */
	/*	首页新闻资讯样式内容  开始 */

	.xky000003_index_news {
		display: inline-block;
		background-image: url(../img/indexbj2.jfif);
		background-position: 100% 50%;
		background-size: cover;
		padding: 50px 0px;
	}


	.xky000003_index_news_box {
		margin: 40px auto 0px auto;
		display: inline-block;
	}

	.xky000003_index_news_box_content {
		float: left;
		margin: 0px 0px 50px 0px;
		text-decoration: none;
	}

	.xky000003_index_news_box_content h4 {
		margin: 10px 0px;
		font-size: 1.2em;

	}

	.xky000003_index_news_box_content p {
		line-height: 1.3;
		font-size: 1em;
	}

	/*	首页新闻资讯样式内容  结束 */
	/*	首页新闻资讯样式内容  结束 */
	/*	首页新闻资讯样式内容  结束 */



	/*	首页footer样式内容  开始 */
	/*	首页footer样式内容  开始 */
	/*	首页footer样式内容  开始 */

	.xky000003_footer {
		height: 350px;
		background-image: url(../img/footerback.jfif);
	}

	.xky000003_footer_box1 {
		padding: 40px 3% 40px 0px;
		width: 47%;
		text-decoration: none;
		float: left;
	}

	.xky000003_footer_box1 h5 {
		color: #ffffff;
		margin-bottom: 15px;
		border-bottom: 2px solid #ccc;
		padding-bottom: 10px;
	}

	.xky000003_footer_box_p {
		line-height: 2;
	}

	.xky000003_footer_box2 {
		display: none;
	}

	.xky000003_footer_ba {
		text-align: center
	}

	.xky000003_footer_ba a {
		text-decoration: none;

	}

	.xky000003_footer_ba a:visited {
		color: #333
	}

	/*	首页footer样式内容  结束 */
	/*	首页footer样式内容  结束 */
	/*	首页footer样式内容  结束 */




	/*	每页广告图样式内容   开始 */
	/*	每页广告图样式内容   开始 */
	/*	每页广告图样式内容   开始 */
	.xky000003_sbanner {
		width: 100%;
		float: left;
	}

	.xky000003_sbanner_desk {
		width: 100%;
		height: 100%;
		float: left;
		margin-top: 70px;
	}

	.xky000003_sbanner_box {
		width: 100%;
		height: 100%;
		float: left;
	}

	.xky000003_sbanner_box img {
		width: 100%;
		height: 100%;
		float: left;
	}

	/*	每页广告图样式内容   结束 */
	/*	每页广告图样式内容   结束 */
	/*	每页广告图样式内容   结束 */




	/*	单页面样式内容   开始 */
	/*	单页面样式内容   开始 */
	/*	单页面样式内容   开始 */
	.xky000003_about {
		display: inline-block;
		margin: 30px auto;
	}

	/*	单页面样式内容   结束 */
	/*	单页面样式内容   结束 */
	/*	单页面样式内容   结束 */


	/*	联系我们样式内容  开始 */
	/*	联系我们样式内容  开始 */
	/*	联系我们样式内容  开始 */
	.xky000003_contact {
		display: inline-block;
		margin: 20px auto 50px auto;
	}

	.xky000003_guestbook_box_left {
		width: 100%;
		float: left;
	}

	.xky000003_guestbook_box_left h2 {
		font-size: 24px;
		color: #000;
		margin: 10px 0;
	}

	#xky000003_contact_map {
		width: 100%;
		height: 400px;
		border: #ccc solid 1px;
	}

	.xky000003_guestbook_box_right {
		width: 100%;
		float: left;
		margin-top: 40px;
	}

	.xky000003_guestbook_box_right h2 {
		font-size: 24px;
		color: #000;
		text-align: left;
		padding: 0 0 0 5%;
		margin: 10px 0;
	}

	.xky000003_guestbook_box_right p {
		text-align: left;
		padding: 10px 0 10px 5%;
	}

	.xky000003_guestbook_box_right_framel img {
		float: left;
		padding: 2% 0 2% 5%;
	}

	/*	联系我们样式内容  结束 */
	/*	联系我们样式内容  结束 */
	/*	联系我们样式内容  结束 */


	/*	服务介绍样式内容  开始 */
	/*	服务介绍样式内容  开始 */
	/*	服务介绍样式内容  开始 */
	.xky000003_service_category {
		margin: 20px auto 60px auto;
	}

	.xky000003_service_category_box {
		width: 30%;
		margin: 20px 1.5%;
		float: left;
	}

	.xky000003_service_category_box_shadow_none:hover {
		box-shadow: none;
	}

	.xky000003_service_category_box_img {
		margin: 65px 25%;
	}

	.xky000003_service_category_box_title {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}

	.xky000003_service_category_box p {
		margin: 20px auto;
		line-height: 1.7;
		font-size: 14px;
		letter-spacing: 1px;
	}

	/*	服务介绍样式内容  结束 */
	/*	服务介绍样式内容  结束 */
	/*	服务介绍样式内容  结束 */


	/*	案例详情样式内容   开始 */
	/*	案例详情样式内容   开始 */
	/*	案例详情样式内容   开始 */
	.xky000003_case {
		display: inline-block;
		margin: 30px auto;
	}

	.xky000003_case_center {
		text-align: center;
	}

	.xky000003_case_center h2 {
		font-size: 1.5em;
	}

	.xky000003_case_center img {
		margin: 10px auto;
	}

	.xky000003_case_p {
		margin: 10px auto;
	}

	/*	案例详情样式内容  结束 */
	/*	案例详情样式内容  结束 */
	/*	案例详情样式内容  结束 */


	/*	产品详情样式内容   开始 */
	/*	产品详情样式内容   开始 */
	/*	产品详情样式内容   开始 */
	.xky000003_product {
		margin: 20px auto 50px auto;
	}

	.xky000003_product_box {
		margin: 10px auto;
		display: inline-block;
		width: 90%;
		background-color: #fff;
		padding: 20px 5%;
		border-radius: 10px;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
		display: flex;
		flex-direction: column;
	}

	.xky000003_product_box_right h4 {
		text-align: center;
		margin-top: 10px;
	}

	.xky000003_product_box_right_p {
		margin-top: 10px;
		line-height: 24px;
	}

	/*	产品详情样式内容  结束 */
	/*	产品详情样式内容  结束 */
	/*	产品详情样式内容  结束 */

}